<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>BOM: window</title>
        <style type="text/css">
            .wrapper {
                border: 1px solid blue ;
            }
            .wrapper>p {
                color: blue;
                font-weight: bold;
                margin: 10px ;
            }
            .wrapper>div {
                margin: 10px;
                border: 1px solid green;
                padding: 10px;
            }
        </style>
    </head>
    <body>

        <div class="wrapper"></div>

        <script type="text/javascript">
            const w = document.querySelector( '.wrapper' );

            let node = document.createElement( 'p' );
            node.innerHTML = '标准内置对象' ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Object ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Function ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Boolean ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Number ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.String ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Symbol ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.BigInt ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Date ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Array ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.JSON ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Math ;
            w.appendChild( node );

            node = document.createElement( 'p' );
            node.innerHTML = 'Browser Object Model : 以下是类级别的对象' ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Location ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Screen ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Navigator ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.History ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.Document ;
            w.appendChild( node );

            node = document.createElement( 'p' );
            node.innerHTML = 'Browser Object Model : 以下是实例级别的对象' ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.location ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.screen ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.navigator ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.history ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.document ;
            w.appendChild( node );

            node = document.createElement( 'div' );
            node.innerHTML = window.console ;
            w.appendChild( node );

            console.log( console );

        </script>
        
    </body>
</html>